<!DOCTYPE html>
<html>
<head>
	<title>滑动</title>
	<link rel="stylesheet" type="text/css" href="../ExternalLibrary/jquery.bxslider.css"></link><!-- 引入bxslider插件相关的css -->
	<!-- script标签不能写作闭合标签,否则不生效 -->
	<script src="../ExternalLibrary/jquery.js"></script><!-- 引入jquery库 -->
	<script src="../ExternalLibrary/jquery.bxslider.min.js"></script><!-- y引入bxslider插件相关的js -->
</head>
<body>
	<ul class="shenyiguang">
		<li><img src="../image/1.png"/></li>
		<li><img src="../image/2.png"/></li>
		<li><img src="../image/3.png"/></li>
	</ul>
</body>
<script type="text/javascript">
	//jquery方式当页面加载完毕执行(),调用bxSlider插件,当页面内容加载完时调用
	$(function(){
		$('.shenyiguang').bxSlider();
	});

</script>
</html>